<%@ page contentType="text/html;charset=UTF-8" %>
<header class="main-header">
    <!-- Logo -->
    <a href="${ctx}/welcome" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini"><b>知侦</b></span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg"><b>知识产权信息化管理平台</b></span> </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span>
        </a>
        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <!-- User Account: style can be found in dropdown.less -->
                <li class="dropdown user user-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img
                        src="${ctx}/dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> <span
                        class="hidden-xs">Admin</span> </a>
                    <ul class="dropdown-menu">
                        <!-- Menu Footer-->
                        <li class="user-footer">
                            <div class="pull-left"><a href="#" class="btn btn-default btn-flat">我的信息</a></div>
                            <div class="pull-right"><a href="#" class="btn btn-default btn-flat">安全退出</a></div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>

<aside class="main-sidebar">
    <section class="sidebar">
        <div class="user-panel">
            <div class="pull-left image"><img src="${ctx}/dist/img/user2-160x160.jpg" class="img-circle"
                                              alt="User Image"></div>
            <div class="pull-left info">
                <p>系统管理员</p>
                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a></div>
        </div>
        <ul class="sidebar-menu" data-widget="tree">
            <%--<li class="header">菜单导航</li>--%>
            <%--<li class="treeview active"><a href="#"> <i class="fa fa-balance-scale"></i> <span>案件管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 举报投诉</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 报案管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 公文交换</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 预警提示</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 数据提交</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-server"></i> <span>内容管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 分类管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 内容管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 单页管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 常见问题</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-gears"></i> <span>系统管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 参数设置</a></li>--%>
                    <%--<li><a href="/announce/listAnnounce"><i class="fa fa-circle-o"></i> 公告管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 友情链接</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 数据备份</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-user-plus"></i> <span>权限管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 管理员管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 角色管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 权限管理</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-users"></i> <span>用户管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 用户列表</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-desktop"></i> <span>工作室管理</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 企业管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 商标信息</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 专利信息</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 著作权信息</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 产品管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 专家管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 协作单位管理</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
            <%--<li class="treeview"><a href="#"> <i class="fa fa-commenting"></i> <span>在线客服</span> <span--%>
                    <%--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>--%>
                <%--<ul class="treeview-menu">--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 会话管理</a></li>--%>
                    <%--<li><a href="index2.html"><i class="fa fa-circle-o"></i> 客服管理</a></li>--%>
                <%--</ul>--%>
            <%--</li>--%>
        </ul>
    </section>
</aside>
<script src="${ctx}/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        var nav_html = '';
        //获取左侧和上方导航菜单
        var url = '${ctx}/menu/selectRoleMenu';
        $.ajax({
            cache: false,
            type: "post",
            url: url,
            error: function () {
                alert("系统异常");
            },
            success: function (data) {
                nav_html += '<li class="header">菜单导航</li>';
                $.each(data, function (idx, item) {
                    nav_html += '<li class="treeview"><a href="#"> <i class="fa fa-balance-scale"></i> <span>' + item.text + '</span>  <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>';
                    if (item.children != null && item.children!=""){
                        nav_html += '<ul class="treeview-menu">';
                        $.each(item.children,function(idx2,itemchildren){
                            nav_html += '<li id="' + itemchildren.attributes.menuHref.replace(/\//g,'_').split('_')[1] + '"><a href=${ctx}"' + itemchildren.attributes.menuHref + '"><i class="fa fa-circle-o"></i> ' + itemchildren.text + '</a></li>';
                        });
                        nav_html += '</ul>';
                    }
                    nav_html += '</li>';
                });
                $('.sidebar-menu').html(nav_html);
                var href = window.location.pathname.replace(/\//g,'_').split('_')[1];
                $("#"+href).parent().parent().addClass("active");
            }

        });
    });
</script>
